$bodyBg:#f0f0f0;
$borderCol:#e6e6e6 0.028rem solid;
$borderWhiteCol:#ffffff 3px solid;
$mainCol:#666666;
$lessCol:#999999;
$whiteCol:#ffffff;
$redColor:#e11537;
$activeColor:#19ccc3;
// $iconsUrl:url('../../assets/img/user/icons.png') no-repeat;
// $iconsSize:277px 94px;
$whiteCol:#ffffff;

// .icons{
//     background:$iconsUrl;
//     background-size:$iconsSize;
//     -webkit-background-size:$iconsSize;
// }

#userContManageRecharge{
  color:$mainCol;
  min-height:100vh;
  background:$bodyBg;
  .recharge-bar{
    padding: 0 20px;
    margin:20px 0;
     .number-input{
        position: relative;
        padding:15px 0;
        border-bottom:#f0f0f0 0.028rem solid;
        input.inputs{
         width:350px;
         height: 60px;
         line-height: 60px;
         font-size: 32px;
        }
        span{
          margin-right: 18px;
          font-size: 24px;
          padding:16px 20px;
          border-radius:0.15rem;
          display: inline-block;
          background:#fff;
          color: #999999;
          border:#cccccc 0.03rem solid;
          position:absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
        }
     }
     h5{
        font-size: 22px;
        color: #666666;
        font-weight: normal;
        padding:20px 20px;
     }
     .recharge-price{
        padding:0px 20px;
        &:after{
           content: '';
           display: block;
           clear: both;
           font-size:0;
        }
        li{
           &:nth-child(3n){
              margin-right: 0px;
           }
           &.on{
              color: #61c261;
              border:#61c261 0.028rem solid;  
           }
           width: 31%;
           display: block;
           float: left;
           color: #cccccc;
           border:#cccccc 0.028rem solid;
           margin-bottom: 16px;
           margin-right: 20px;
           border-radius:0.15rem;
           text-align: center;
           line-height: 1;
           padding:13px 0;
           span{
             font-size: 36px;
             display: block;
             padding-bottom:8px;
           }
           i{
             font-size: 22px;
             display: block;
           }
        }
     }
  }
}
